<%-- 
    Document   : index
    Created on : Nov 22, 2014, 1:01:19 PM
    Author     : MK
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
    <a href="header.jsp"></a>
    <link href="index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    
    <%@include file="../header.jsp" %>
    <form class="container" action="/post.jsp" method="post">
        <div class="form-collapse">
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Đi đâu</a>
                            <div class="btn-group pull-right">
                                <button type="submit" class="btn btn-primary">Chia sẻ</button>
                                <div class="clearfix"></div>
                            </div>
                        </h4>
                        <div class="clearfix"></div>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <p>Là nơi chia sẻ những trải nghiệm của bạn về nơi mà bạn đã từng đến. Hãy cùng chia sẻ những kinh nghiệm của bạn với chúng tôi.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Lịch trình</a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Chia sẻ lịch trình về chuyến du ngoạn tuyệt vời của bạn để người khác cũng có được cảm nhận được.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Nhật kí</a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Cùng ghi lại những hồi ức về chuyến đi của bạn.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">Thu hoạch</a>
                        </h4>
                    </div>
                    <div id="collapseFour" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>blah blah. Không biết ghi gì cả....
                            </p>

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </form>
    
</body>
</html>
